<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="browsermode" content="application" />
    <meta name="x5-page-mode" content="app" />
    <title>申请记录</title>
    <meta charset="utf-8" />
    <link href="../css/main.css?rev=@@hash" rel="stylesheet" />
    <style>
        body{
            width: 3.75rem;
            /*height: 6rem;*/
            background: #3276FE;
        }
        .cells {
            /*margin-top: .2rem;*/
        }
        .cells_title {
            margin: 0;
            padding: .12rem .4rem;
            font-size: .16rem;
            height: .22rem;
            color: rgb(68,74,89);
        }
        .cells_title a {
            display: block;
            float: left;
            font-size: .16rem;
            height: .22rem;
            font-weight: 700;
        }
        .cells_title span {
            display: block;
            float: left;
            font-size: .13rem;
            height: .22rem;
            line-height: .22rem;
            margin-left: .2rem;
            color: rgb(136,136,136)
        }

        .operatorContent {
            width: 100%;
            background: #f9f9f9;
            overflow: hidden;
            position: absolute;
            bottom: 0.2rem;
        }
        .txt {
			text-align: right;
        }

        .getCode {
            color: red;
            font-size: .12rem;
        }
        .cell_ft img {
            display: block;;
            width: .2rem;
            height: .1rem;
        }
        .tip {
            line-height: .2rem;
            height: .2rem;
            overflow: hidden;
            margin: .2rem .4rem;
        }
        .tip span{
            display: block;
            float: left;
            font-size: .12rem;
            line-height: .2rem;
            height: .2rem;
        }
        .tip i {
            display: block;
            width: .12rem;
            height: .12rem;
            margin: 0.02rem .04rem;
            float: left;
        }
        .tip i img {
            width: 100%;
        }
        .cells_tips {
            margin: 0rem .4rem;
            border-top: solid .01rem #eee;
            font-size: .12rem;
            height: .4rem;
            line-height: .4rem;
        }

        .confirmBtn {
            position: absolute;
            bottom: .48rem;
        }
        .submitBtn {
            position: static;
            margin: 0 .36rem;
        }
        .cells_line {
            height: .1rem;
            width: 100%;
        }
        .recordContent {
            width: 3.43rem;
            height: 1.55rem;
            background-color: white;
            border-radius: .1rem;
            margin: .1rem auto .1rem;
            position: relative;
        }
        .recordContent::after{
            content: " ";
            position: absolute;
            left: .1rem;
            bottom: -20px;
            width: 85%;
            border: 15px solid  rgba(255, 255, 255, 0.5);
            border-radius: 0 0 10px 10px;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
            z-index: -1;   	           
        }
        .recordContent .recordList {
            float: left;
            font-size: .14rem;
        }
        .recordListBtnTop {
            border: solid .01rem rgb(234,204,169);
            color: rgb(234,204,169);
            height: .25rem;
            padding: 0 .1rem;
            line-height: .25rem;
            border-radius: .03rem;
            /*margin: 0 .2rem;*/
            font-size: .14rem;
        }
        .recordListBtnBottom ,.recordListBtnBottom1{
            width: .7rem;
            height: .3rem;
            line-height: .3rem;
            padding: .02rem .03rem;
            text-align: center;
            margin: .25rem .1rem 0 .15rem;
            font-size: .12rem;
        }
        .orderNone {
            text-align: center;
            font-size: .16rem;
            margin-top: .2rem;
            color: gray;
        }  
        .titleContentLeft {
            margin: .25rem 0 .1rem .15rem;
        }        
        .titleContentRight {
            margin: .34rem 0 .1rem .4rem;
        }        
        .recordListLeft{
            float: left;
            width: 70%;
            height: .95rem;
        }     
        .recordListRight{
            float: right;
            width: 30%;
        } 
        .titleLeft {
            float: left;
            width: 1rem;
            text-align: left;
            font-family: PingFang-SC-Regular;
            text-align: center;
            font-size: .12rem;
            color: #5E5E5E;
            padding-left: .05rem;
        }
        .titleRight {
            float: left;
            width: .5rem;
            font-size: .12rem;
            color: #5E5E5E;
            margin-left: .65rem;
        }
        .titleContentLeft {
            display: inline-block;
            margin: .25rem 0 0 .15rem;
            font-family: SanFranciscoDisplay-Bold;
        }         
        .titleContentLeft>sup{
            font-size: .15rem;
        }        
        .samllText {
            padding-left: .06rem;
            font-size: .15rem;
        }
        .showNum{
            font-size:.2rem;
            color: #3276FE; 
        }
        .tipsInfo{
            float: left;
            width: 70%;
            position: relative;
        }
        .tipsImg1,.tipsImg2{
            display: inline-block;
            float: right;
            width: .85rem;
        }
        .tipsTxt{
    	    display: inline-block;
		    float: right;
		    width: .85rem;
		    padding: .1rem .1rem 0 0;
		    color: #FF4537;
        }
        .tipsInfo::before{
            content: " ";
            position: absolute;
            left: .1rem;
            top: -.08rem;
            width: 3.23rem;
            height: 1px;
            border-top: 1px solid #E4E4E4;
            color: #E4E4E4;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5);   
        }
        .tipsInfo li{
            font-size: .12rem;
            margin: .11rem 0 .04rem .12rem;
            color: #444444;
        }
        .tipsInfo li:nth-child(2){
            margin: 0 0 .04rem .12rem;
        }
        .repayFast{
			display: block;
			color: #fff;
			border-radius: .2rem;
			width: .7rem;
			height: .3rem;
			line-height: .3rem;
			padding: .02rem .03rem;
			text-align: center;
			font-size: .12rem;
			background-color: #1CB565;
			border: .01rem solid #1CB565;
        }
        .fastRepay{
			display: block;
			color: #fff;
			border-radius: .2rem;
			width: .7rem;
			height: .3rem;
			line-height: .3rem;
			padding: .02rem .03rem;
			text-align: center;
			font-size: .12rem;        	
            background-color: #3276FE;
			border: .01rem solid #3276FE;        	
        }
        .Reapplay{
		    display: block;
		    color: #FF4537;
		    border-radius: .2rem;
		    width: .7rem;
		    height: .3rem;
		    line-height: .3rem;
		    padding: .02rem .03rem;
		    text-align: center;
		    font-size: .12rem;
		    border: .01rem solid #FF4537;  
	        background: #fff; 	
        }        
        header{
            width: 100%;
            height: .44rem;
            line-height: .44rem;
            background: #3276fe;
        }
        header img,
        header span{
             display: inline-block;
             float: left;
        }
        header .backIcon{
            width: .24rem;
            height: .24rem;
            margin: .1rem 0 0 .16rem;
        }
        header .pageTitle{
            width: 80%;
            text-align: center;
            color: #fff;
            font-size: .17rem;
        }
        header .refresh{
            float: right;
            margin-right: .16rem;
            font-size: .14rem;
            color: #fff;
        }        
      
    </style>
</head>
<body>
    <!-- 蒙版 -->
    <div class="layer_load on">
        <div class="layer_mask"></div>
        <div class="layer_load_icon icon-loading"></div>
    </div>
    <!--<header>
            <a href="../user/myWallet.html"><img class="backIcon" src="../img/backIcon.png" /></a>
            <span class="pageTitle">申请记录</span>
            <span class="refresh"></span>
    </header>    -->
    <div id="borrowList"></div> 
     <!--<div class="recordContent recordContent1">
        <div class="recordListLeft">
            <span class="titleContentLeft"><sup>￥</sup><i class="showNum">5000.00</i><span class="samllText">元</span></span>
            <span class="titleContentRight"><i class="showNum">7</i><span class="samllText">天</span></span>          
            <div class=" titleLeft"> 借款金额</div>
            <div class=" titleRight"> 借款期限</div>
        </div>
        <div class="recordListRight">
                <div class="recordListBtnBottom ">
                        <a href="identification.html" class="fastRepay">一键还款</a>
                </div>
        </div>
        <div class="recordListBottom">
            <ul class="tipsInfo">
                 <li>申请时间：<span>2018.02.03 00:20:30</span></li>
                 <li>申请编号：<span>025698362598630</span></li>
            </ul>
            <img class="tipsImg" src="../img/tipImg2.png" />
        </div>
    </div> 
   <div class="recordContent">
            <div class="recordListLeft">
                <span class="titleContentLeft"><sup>￥</sup><i class="showNum">5000.00</i><span class="samllText">元</span></span>
                <span class="titleContentRight"><i class="showNum">7</i><span class="samllText">天</span></span>          
                <div class=" titleLeft"> 借款金额</div>
                <div class=" titleRight"> 借款期限</div>
            </div>
            <div class="recordListRight">
                    <div class="recordListBtnBottom ">       
                            <a href="repaymentDetail.html" class="Reapplay">再次申请</a>
                    </div>
            </div>
            <div class="recordListBottom">
                <ul class="tipsInfo">
                     <li>申请时间：<span>2018.02.03 00:20:30</span></li>
                     <li>申请编号：<span>025698362598630</span></li>
                </ul>
                <img class="tipsImg" src="../img/tipImg1.png" />
            </div>
        </div> 
   <div class="recordContent">
            <div class="recordListLeft">
                <span class="titleContentLeft"><sup>￥</sup><i class="showNum">5000.00</i><span class="samllText">元</span></span>
                <span class="titleContentRight"><i class="showNum">7</i><span class="samllText">天</span></span>          
                <div class=" titleLeft"> 借款金额</div>
                <div class=" titleRight"> 借款期限</div>
            </div>
            <div class="recordListRight">
                    <div class="recordListBtnBottom ">       
                            <a href="repaymentDetail.html" class="repayFast">再次申请</a>
                    </div>
            </div>
            <div class="recordListBottom">
                <ul class="tipsInfo">
                     <li>申请时间：<span>2018.02.03 00:20:30</span></li>
                     <li>申请编号：<span>025698362598630</span></li>
                </ul>
                <img class="tipsImg" src="../img/tipImg3.png" />
            </div>
        </div> -->
    <!-- 脚本 -->
    <script src="../lib/zepto.min.js?rev=@@hash"></script>
    <script src="../js/main.js?rev=@@hash"></script>
    <script>
        (function(global,userUtil,layer){       
        	$("body").height(document.documentElement.clientHeight);
           // var _html='<div class="recordContent"><div class="recordList">编号：'++'</div><div class="recordList">申请金额：'++'元</div><div class="recordList">申请期限：'++'天</div><div class="recordList">申请时间：'++'</div><div class="recordListBtnTop">'++'</div><div class="recordListBtnBottom"> '++'</div></div>'

        })(global,userUtil,layer)
    </script>
    <script src="../js/trust/applyRecords.js"></script>
</body>
</html>